import { reactive , onMounted} from 'vue'
import axios from 'axios'

export default function (){
    // 数据
    let dogList = reactive([
        'https://images.dog.ceo/breeds/pembroke/n02113023_3927.jpg'
    ])
    // 方法
    async function getDog(){
       try{
        let { data:{message} } = await axios.get('https://dog.ceo/api/breed/pembroke/images/random')
        // console.log(message)
        dogList.push(message)
       }catch(e){
        alert(e)
       }
    }
    // 钩子
    onMounted(()=>{
        getDog()
    })
    // 向外部提供东西
    return {
        dogList,getDog
    }
}


